<%-- 
    Document   : login
    Created on : Jul 13, 2014, 1:31:44 AM
    Author     : Ku81
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>home</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            (function($){
                $(document).ready(function(){
                   
                });   
            })(jQuery);
            
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div class="container">
                <div class="row">
                    <div id="header" class="col-xs-12">
                        <div id="logo" class="col-xs-2 col-xs-offset-1">
                            <img src="images/logo.png" />
                        </div>
                        <div id="navigation" class="col-xs-7 col-xs-offset-2">
                            <ul>
                                <li><a href="index.jsp" class="hover">Trang chủ</a></li>
                                <li><a href="project.jsp" class="hover"> Dự án</a></li>
                                <li><a href="news.jsp" class="hover"> Tin tức</a></li>
                                <li><a href="contact.jsp" class="hover"> Liên hệ</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Đăng nhập</a>
                                    <ul class="dropdown-menu dropdow-user">
                                        <li>
                                            <form action="NewsServlet">
                                                <div class="form-group">
                                                    <label>Tên đăng nhập</label>
                                                    <input type="text" name="username" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <label>Mật khẩu</label>
                                                    <input type="password" name="password" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn btn-primary" type="submit" name="login" >Đăng nhập</button>
                                                    <button class="btn btn-primary" type="submit" name="logout" > Đăng xuất</button>
                                                </div>
                                            </form>
                                        </li>
                                        <li class="divider"></li>
                                        <li><a href="registration.jsp"> Đăng ký</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="banner">
            <div class="col-xs-12">
                <ul>
                    <li><img src="images/banner_bg.jpg" class="img-responsive"></li>
                </ul>
            </div>
        </div>
        <div id="conntain">
            <div class="top-bottom"></div>
            <div id="bg_contain">
                <div class="container">
                    <div class="row">
                        <h2>Đăng ký thành viên</h2>
                    </div>
                </div>
                
            </div>
            <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="panel panel-info">
                        <div class="panel-heading" style=" font-size: 22px">Đăng ký</div>
                    <div class="panel-body">
                      
                        <!--FORM-->
                        <form class="form-horizontal" method="post" action="registration">
                            <div class="form-group">
                                <label for="email" class="col-sm-2 control-label">Email</label>
                                <div class="col-sm-4">
                                    <input type="email" name="email" class="form-control" id="email" placeholder="Email" required="required">
                                </div>
                                <label for="username" class="col-sm-2 control-label">Username</label>
                                <div class="col-sm-4">
                                    <input type="text" name="username" class="form-control" id="username" placeholder="Username" required="required">
                                </div>
                             </div>
                             <div class="form-group">
                                <label for="password"  class="col-sm-2 control-label">Mật khẩu</label>
                                <div class="col-sm-4">
                                    <input type="password" name="password" class="form-control" id="password" placeholder="Password" required="required">
                                </div>
                                <label for="retypePassword" class="col-sm-2 control-label">Nhập lại mật khẩu</label>
                                <div class="col-sm-4">
                                    <input type="password"  id="retypePassword" class="form-control" placeholder="Re-type Password" required="required" name="retypePassword">
                                </div>
                             </div>
                            <div class="form-group">
                                <label for="fullname" class="col-sm-2 control-label">Họ và tên</label>
                                <div class="col-sm-4">
                                    <input type="text" name="fullname" class="form-control" id="fullname" placeholder="Fullname" required="required">
                                </div>     
                                <label for="gender" class="col-sm-2 control-label"> Giới tính</label>
                                <div class="col-sm-4">
                                    <select class="form-control" name="gender">
                                        <option value="0">Nam</option>
                                        <option value="1"> Nữ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="DayOfBirth" class="col-sm-2 control-label"> Ngày sinh</label>
                                <div class="col-sm-4">
                                    <input type="datetime" name="DOB" class="form-control" id="dayOfBirth" >
                                </div>
                                <label for="Mobile" class="col-sm-2 control-label">Điện thoại</label>
                                <div class="col-sm-4">
                                    <input type="text" name="Mobile" class="form-control" id="tel" >
                                </div>
                             </div>
                             <div class="form-group">
                                <label for="HomeTown"  class="col-sm-2 control-label">HomeTown</label>
                                <div class="col-sm-4">
                                    <input type="text" name="HomeTown" class="form-control" id="address" placeholder="HomeTown">
                                </div>
                                <label for="school"  class="col-sm-2 control-label">school</label>
                                <div class="col-sm-4">
                                    <input type="text" name="school" class="form-control" id="school" placeholder="school">
                                </div>
                              </div>
                            
                             <div class="form-group">
                                <label for="strength"  class="col-sm-2 control-label">strength</label>
                                <div class="col-sm-4">
                                    <input type="text" name="strength" class="form-control" id="strength" placeholder="strength">
                                </div>              
                                <label for="language"  class="col-sm-2 control-label">language</label>
                                <div class="col-sm-4">
                                    <input type="text" name="language" class="form-control" id="language" placeholder="language">
                                </div>
                             </div>
                            
                            <div class="form-group">
                                <label for="about"  class="col-sm-2 control-label">about</label>
                                <div class="col-sm-4">
                                    <input type="text" name="about" class="form-control" id="about" placeholder="about">
                                </div>
                                <label for="favoriteQuotations"  class="col-sm-2 control-label">favoriteQuotations</label>
                                <div class="col-sm-4">
                                    <input type="text" name="favoriteQuotations"  class="form-control" id="favoriteQuotations" placeholder="favoriteQuotations">
                                </div>
                              </div>
                            
                            <div class="form-group">
                                <label for="facebookLink"  class="col-sm-2 control-label">facebookLink</label>
                                <div class="col-sm-4">
                                    <input type="text" name="facebookLink" class="form-control" id="facebookLink" placeholder="facebookLink">
                                </div>
                                <div class="col-sm-offset-2 col-sm-4">
                                    <button type="submit" class="btn btn-info" onclick="checkPassWord();">Sign in</button>
                                  <button type="reset" class="btn btn-default">Reset</button>
                                </div>
                            </div> 

                      </form>
                      <!--FORM-->
                        
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!--Containner-->
            <div class="top-bottom"></div>
        </div>
        <div id="footer">
            <div class="container">
                <div class="row"> 
                   Được thực hiện bởi nhóm LUD
                </div>
            </div>
        </div>
    </body>
</html>